<template>
  <!-- 网页底部 -->
  <div class="footerWrapper">
    <div class="footerMidder">
      <div class="copyright">
        <div class="menuContent">
          <span>网站首页</span>
          |
          <span>浏览接口</span>
          |
          <span>接口大全</span>
          |
          <span>使用帮助</span>
          |
          <span>关于我们</span>
          |
          <span>联系我们</span>
        </div>
        <div class="coRrightText">
          <span >Copyright ©2018 HI-qiandongnan.com . All rights reserved. 贵州中测信息技术有限公司 地址：贵州省南明区双龙数据工厂 邮政编码：556000</span>
        </div>
        <div class="imgWrapper">
          <img :src="footer1Img" alt="">
          <img :src="footer2Img" alt="">
          <img :src="footer3Img" alt="">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import footer1Img from '@/assets/img/footer/footer1.jpg'
import footer2Img from '@/assets/img/footer/footer2.jpg'
import footer3Img from '@/assets/img/footer/footer3.jpg'
export default {
  data () {
    return {
      footer1Img,
      footer2Img,
      footer3Img
    }
  },
  methods: {
  }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/css/variable.styl'
.footerWrapper {
  background-color $color-background
  .footerMidder {
    width 1200px
    margin 0 auto
    height 200px
    .copyright {
      font-size 14px
      padding-top 50px
      color $color-text-2
      text-align center
      height 130px
      a {
        text-decoration none
        color #8e8e8e
      }
      a:hover {
        color #00c0ff
      }
      .coRrightText {
        margin-top 5px
      }
      .imgWrapper {
        margin-top 10px
      }
      .menuContent {
        margin 0 auto
        span {
          cursor pointer
          &:hover {
            color #ED6D00
          }
        }
      }
    }
  }
}
</style>
